
.a_1_0_0_0_0_dir {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    
    height: 35px;
    box-sizing: border-box;
    background-color: #212121;
    border-bottom: 1px solid #2b2b2b;
}

.a_1_0_0_1_0_dir {
    /* align-items: center; */
    box-sizing: border-box;
    /* display: flex;
    flex-grow: 1;
    flex-shrink: 1; */
    width:100%;
    height:100%;
    background-color: #212121;
    
    border-right: 1px solid #2b2b2b;
}

.a_1_0_0_2_0_dir {
    /* align-items: center; */
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    width:80%;
    background-color: #212121;
    
    overflow-y: auto;
    height: 100%;
}
.a_1_0_0_2_0_dir::-webkit-scrollbar {  
    width: 12px; /* 滚动条的宽度 */  
  }  
  
  .a_1_0_0_2_0_dir::-webkit-scrollbar-track {  
    background: transparent; /* 滚动条轨道的背景色 */  
  }  
  
  .a_1_0_0_2_0_dir::-webkit-scrollbar-thumb {  
    background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
    border-radius: 6px; /* 滚动块的圆角 */  
  }  
  
  .a_1_0_0_2_0_dir::-webkit-scrollbar-thumb:hover {  
    background-color: #555; /* 滚动块悬停时的颜色（可选） */  
  }  

.a_1_0_0_3_1_dir {
    position: absolute;
    background-color: #212121;
    outline: 1px solid #2b2b2b;
    top:70px;
    
}
.a_1_0_0_3_1_title{
    user-select: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;

    
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left: 5px;
    border-bottom: 1px solid #2b2b2b;
    color: #bababa;
    padding-right:5px;
    height:25px;
    /* border-bottom: 1px solid #2b2b2b; */
}

.a_1_0_0_3_1_left {
    padding-right:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_0_3_1_center {
    flex: 1; /* Take up the remaining space */
    text-align: center; /* Center text horizontally */
}

.a_1_0_0_3_1_right {
    padding-left:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_1_0_0_menu_bar {
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 100%;
    
    box-sizing: border-box;
    font-size: 13px;
}
.a_1_0_1_0_0_menu_item {
    padding: 0 10px;
    cursor: pointer;
    position: relative;


color:#cccccc;
}
.a_1_0_1_0_0_menu_item:hover .a_1_0_1_0_0_sub_menu {
    display: block;
}
.a_1_0_1_0_0_menu_item:hover {
    background-color: #333333;
}
.a_1_0_1_0_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_1_0_0_sub_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_1_0_0_sub_menu_item:hover {
color: #ffffff;
background-color: #0078d4;;
}
.a_1_0_1_1_0_menu_bar{
    
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 35px;
    
    box-sizing: border-box;
    font-size: 13px;
    
    border-bottom: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
}
.a_1_0_1_1_0_activity_bar {
    display: flex;
    background-color: #333333;
    position: fixed;
    border-bottom: 1px solid #2b2b2b;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
        }
        .a_1_0_1_1_0_activity_item {
            display: flex;
            align-items: center;
            padding: 5px 7px;
            color: rgba(231, 231, 231,0.6);height: 100%;
    
            box-sizing: border-box;
            border-bottom: 1px solid transparent;
            cursor: pointer;
            position: relative;
        }
        .a_1_0_1_1_0_activity_item:hover {color: rgba(231, 231, 231, 1);
        }
        .a_1_0_1_1_0_activity_item.a_1_0_1_1_0_active {
    color: rgb(231, 231, 231);
    border-bottom: 1px solid #e7e7e7;
        }
        
.a_1_0_1_1_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_1_1_0_menu_item:hover .a_1_0_1_1_0_sub_menu {
    display: block;
}
.a_1_0_1_1_0_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}

.a_1_0_1_2_0_menu_bar {
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 100%;
    color: #bcbcbc;
    box-sizing: border-box;
    justify-content:center;
    font-size: 13px;
}
.a_1_0_1_2_0_menu_item {
    padding: 0 10px;
    cursor: pointer;
    position: relative;


color:#cccccc;
}
.a_1_0_1_2_0_menu_item:hover {
    background-color: #333333;
}
.a_1_0_1_2_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_1_2_0_menu_item:hover .a_1_0_1_2_0_sub_menu {
    display: block;
}
.a_1_0_1_2_0_sub_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_1_2_0_sub_menu_item:hover {
color: #ffffff;
background-color: #0078d4;;
}

.a_1_0_1_3_0_menu_bar {
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 100%;
    justify-content: flex-end;
    
    box-sizing: border-box;
    font-size: 13px;
}
.a_1_0_1_3_0_menu_item {
    padding: 0 10px;
    cursor: pointer;
    position: relative;


color:#cccccc;
}
.a_1_0_1_3_0_menu_item:hover {
    background-color: #333333;
}
.a_1_0_1_3_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_1_3_0_menu_item:hover .a_1_0_1_3_0_sub_menu {
    display: block;
}
.a_1_0_1_3_0_sub_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_1_3_0_sub_menu_item:hover {
color: #ffffff;
background-color: #0078d4;;
}

.a_1_0_1_4_0_menu_bar {
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 100%;
    
    box-sizing: border-box;
    font-size: 13px;
}
.a_1_0_1_4_0_menu_item {
    padding: 0 10px;
    cursor: pointer;
    position: relative;


color:#cccccc;
}
.a_1_0_1_4_0_menu_item:hover {
    background-color: #333333;
}
.a_1_0_1_4_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_1_4_0_menu_item:hover .a_1_0_1_4_0_sub_menu {
    display: block;
}
.a_1_0_1_4_0_sub_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_1_4_0_sub_menu_item:hover {
color: #ffffff;
background-color: #0078d4;;
}
.a_1_0_2_0_0_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display: flex;
    
    align-items: center;
    user-select: none; 
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_0_0_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_0_0_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_0_0_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_0_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_0_0_base{
    width:100%;
    
    padding-top: 1px;
    padding-right: 1px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_0_0_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_0_0_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_0_0_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_0_0_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.icon.iconfont {  
  display: flex;
  align-items: center;
  justify-content: center;
}
.a_1_0_3_0_0{
  display: flex;
  align-items: center;
  padding: 5px 7px;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  position: relative;
  /* width:30px;
  height:30px; */
}


.a_1_0_3_0_0_add{
    position: absolute;
    bottom:3;
    right: 3;
    border-radius: 3px;
    font-size: 11px;
    /* background-color: #212121; */
}
.a_1_0_3_0_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 1000;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_3_0_0_sub_menu_item {
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_2_1_0_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}

.a_1_0_2_1_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_1_0_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_1_0_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_1_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_1_0_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_1_0_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_1_0_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_1_0_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_1_0_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_10_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    user-select: none;

    align-items: center;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_10_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_10_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_10_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_10_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_10_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_10_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_10_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_10_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_10_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_11_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_11_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_11_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_11_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_11_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_11_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_11_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_11_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_11_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_11_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_12_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_12_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_12_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_12_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_12_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_12_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_12_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_12_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_12_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_12_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_13_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_13_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_13_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_13_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_13_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_13_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_13_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_13_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_13_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_13_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_14_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_14_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_14_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_14_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_14_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_14_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_14_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_14_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_14_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_14_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_15_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_15_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_15_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_15_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_15_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_15_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_15_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_15_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_15_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_15_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_16_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_16_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_16_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_16_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_16_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_16_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_16_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_16_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_16_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_16_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_17_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_17_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_17_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_17_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_17_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_17_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_17_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_17_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_17_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_17_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_18_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_18_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_18_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_18_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_18_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_19_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_19_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_19_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_19_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_19_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_2_0_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display:flex;
  
  align-items: center;
  user-select: none;
  width: calc(100% - 2px);
  margin: 1px;
}
.a_1_0_2_2_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_2_0_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_2_0_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_2_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_2_0_base{
  width:100%;
  
  height: 100%;
  overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_2_0_base::-webkit-scrollbar {  
width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_2_0_base::-webkit-scrollbar-track {  
background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_2_0_base::-webkit-scrollbar-thumb {  
background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_2_0_base::-webkit-scrollbar-thumb:hover {  
background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
height: 2000px;  
padding: 20px;  
box-sizing: border-box;  
}  
.a_1_0_2_20_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_20_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_20_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_20_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_20_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_21_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_21_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_21_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_21_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_21_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_22_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_22_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_22_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_22_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_22_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_23_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_23_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_23_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_23_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_23_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_24_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display: flex;
  
  align-items: center;
  user-select: none; 
  width: calc(100% - 1px);
  margin: 0.5px;
}
.a_1_0_2_24_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_24_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_24_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_24_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_25_1_lines{
  font-size:13px;
  display: flex;
  align-items: center;
  user-select: none; 
  margin: 0.5px;
}
.a_1_0_2_25_1_lines2{
  font-size:13px;
  height:22px;
  display: flex;
  align-items: center;
  user-select: none; 
  margin: 0.5px;
}
.a_1_0_2_25_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_25_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_25_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_25_1_lines_onclick:hover{
background-color:rgb(4, 57, 94);
}
.a_1_0_2_25_1_img_class{
  
  width: 50px;
  height: 50px;
  margin-top: 5px;
  background: white;
}
.a_1_0_2_26_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_26_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_26_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_26_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_26_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_26_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_26_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_26_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_26_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_26_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_27_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_27_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_27_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_27_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_27_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_27_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_27_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_27_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_27_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_27_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_28_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}

.a_1_0_2_28_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_28_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_28_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_28_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_28_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_28_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_28_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_28_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_28_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  

.extra-param-tree .key-value-pair {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.extra-param-tree .key-value-pair .delete-btn {
  margin-left: 10px;
}

.input-container {

  display: flex;

  align-items: center;

}

.input-container input {

  flex: 1;

  text-align: center;

}

.input-container button {

  width: 30px;

  margin: 0 5px;

}
.a_1_0_2_29_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_29_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_29_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_29_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_29_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_29_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_29_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_29_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_29_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_29_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_3_0_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    user-select: none;

    align-items: center;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_3_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_3_0_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_3_0_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_3_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_3_0_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_3_0_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_3_0_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_3_0_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_3_0_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_30_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_30_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_30_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_30_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_30_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_30_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_30_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_30_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_30_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_30_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_31_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_31_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_31_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_31_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_31_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_31_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_31_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_31_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_31_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_31_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_32_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_32_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_32_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_32_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_32_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_32_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_32_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_32_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_32_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_32_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_33_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_33_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_33_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_33_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_33_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_33_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_33_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_33_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_33_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_33_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_34_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_34_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_34_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_34_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_34_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_34_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_34_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_34_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_34_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_34_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_35_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_35_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_35_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_35_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_35_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_35_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_35_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_35_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_35_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_35_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_36_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_36_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_36_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_36_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_36_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_36_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_36_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_36_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_36_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_36_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_4_0_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_4_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_4_0_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_4_0_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_4_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_4_0_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_4_0_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_4_0_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_4_0_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_4_0_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_5_0_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_5_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_5_0_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_5_0_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_5_0_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_5_0_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_5_0_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_5_0_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_5_0_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_5_0_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_6_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_6_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_6_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_6_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_6_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_6_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_6_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_6_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_6_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_6_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_7_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_7_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_7_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_7_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_7_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_7_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_7_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_7_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_7_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_7_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_8_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display:flex;
    
    align-items: center;
    user-select: none;
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_2_8_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_8_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_8_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_2_8_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_8_1_base{
    width:100%;
    
    height: 100%;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_8_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_8_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_8_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_8_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.a_1_0_2_9_1_lines{
  width:100%;
  font-size:13px;
  height:22px;
  display:flex;
  
  align-items: center;
  user-select: none;
  width: calc(100% - 2px);
  margin: 1px;
}
.a_1_0_2_9_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_2_9_1_lines_onclick{
outline: 1px solid #0078d4;
background-color:rgb(4, 57, 94);
}
.a_1_0_2_9_1_lines:hover{
  background-color: #2a2d2e;;
}
.a_1_0_2_9_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_2_9_1_base{
  width:100%;
  
  height: 100%;
  overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_2_9_1_base::-webkit-scrollbar {  
width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_2_9_1_base::-webkit-scrollbar-track {  
background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_2_9_1_base::-webkit-scrollbar-thumb {  
background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_2_9_1_base::-webkit-scrollbar-thumb:hover {  
background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
height: 2000px;  
padding: 20px;  
box-sizing: border-box;  
}  
.a_1_0_3_0_0{
  display: flex;
  align-items: center;
  padding: 5px 7px;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  position: relative;
  /* width:30px;
  height:30px; */
}


.a_1_0_3_0_0_add{
    position: absolute;
    bottom:3;
    right: 3;
    border-radius: 3px;
    font-size: 11px;
    /* background-color: #212121; */
}
.a_1_0_3_0_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 1000;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_3_0_0_sub_menu_item {
    white-space: nowrap;border-radius: 4px;
}
.a_1_0_3_1_0_container {  
    display: flex;  
    flex-direction: column; /* 垂直布局 */  
    align-items: center;    /* 水平居中 */  
    justify-content: center; /* 垂直居中（但在这里用于子元素的垂直排列） */  
    position: relative;  
    width: 150px;  
    height: 150px;  
    border: 1px solid #393838; /* 可选，用于查看容器边界 */  
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}  
  
.a_1_0_3_1_0_image_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中图片 */  
    align-items: center;     /* 垂直居中图片（虽然这里可能不需要，因为图片有固定尺寸） */  
}  
  
.a_1_0_3_1_0_image_wrapper img {  
    width: 100px;  
    height: 100px;  
}  
  
.a_1_0_3_1_0_span_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中 span */  
}  
  
.a_1_0_3_1_0_span_wrapper span {  
    /* 可以根据需要添加样式 */  
    color: rgba(231, 231, 231, 0.6);
    font-size: 13px;
}
.a_1_0_3_2_0_container {  
    margin:10px;
    display: flex;  
    flex-direction: column; /* 垂直布局 */  
    align-items: center;    /* 水平居中 */  
    justify-content: center; /* 垂直居中（但在这里用于子元素的垂直排列） */  
    position: relative;  
    width: 150px;  
    height: 150px;  
    border: 1px solid #393838; /* 可选，用于查看容器边界 */  
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}  
  
.a_1_0_3_2_0_image_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中图片 */  
    align-items: center;     /* 垂直居中图片（虽然这里可能不需要，因为图片有固定尺寸） */  
}  
  
.a_1_0_3_2_0_image_wrapper img {  
    width: 100px;  
    height: 100px;  
    -webkit-user-drag: none; /* Safari */  
    user-drag: none;
    
}  
  
.a_1_0_3_2_0_span_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中 span */  
}  
  
.a_1_0_3_2_0_span_wrapper span {  
    /* 可以根据需要添加样式 */  
    color: rgba(231, 231, 231, 0.6);
    font-size: 13px;
}

.a_1_0_3_2_0_father_container {  
    display: flex;  
    flex-wrap: wrap; /* 允许子元素换行 */  
    gap: 10; /* 如果你想在元素之间有间距，可以调整这个值 */  
    width: 100%;
    height:100%;
    justify-content: space-between; /* 或者 space-around, 根据需要调整 */
}  
 
.a_1_0_3_2_0_father_container_item {  
    box-sizing: border-box; /* 确保padding和border不会增加元素的宽度 */  
}

.a_1_0_3_2_0_div{
    height:100%;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    
} 
.a_1_0_3_2_0_row{
    width:100%;
    height: calc(100% - 70px);
    overflow-y: auto;
}
.a_1_0_3_2_0_row::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_3_2_0_row::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_3_2_0_row::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_3_2_0_row::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  
.a_1_0_3_2_0_page{
width: 100%;
height:35px;
}
.a_1_0_3_2_0_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
.a_1_0_3_2_0_page div,button,button i,ul,ul li{
    background: none!important;
}
.a_1_0_3_3_0_container {  
    margin:10px;
    display: flex;  
    flex-direction: column; /* 垂直布局 */  
    align-items: center;    /* 水平居中 */  
    justify-content: center; /* 垂直居中（但在这里用于子元素的垂直排列） */  
    position: relative;  
    width: 150px;  
    height: 150px;  
    border: 1px solid #393838; /* 可选，用于查看容器边界 */  
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}  
  
.a_1_0_3_3_0_image_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中图片 */  
    align-items: center;     /* 垂直居中图片（虽然这里可能不需要，因为图片有固定尺寸） */  
}  
  
.a_1_0_3_3_0_image_wrapper img {  
    width: 100px;  
    height: 100px;  
    -webkit-user-drag: none; /* Safari */  
    user-drag: none;
    
}  
  
.a_1_0_3_3_0_span_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中 span */  
}  
  
.a_1_0_3_3_0_span_wrapper span {  
    /* 可以根据需要添加样式 */  
    color: rgba(231, 231, 231, 0.6);
    font-size: 13px;
}

.a_1_0_3_3_0_father_container {  
    display: flex;  
    flex-wrap: wrap; /* 允许子元素换行 */  
    gap: 10; /* 如果你想在元素之间有间距，可以调整这个值 */  
    width: 100%;
    height:100%;
    justify-content: space-between; /* 或者 space-around, 根据需要调整 */
}  
 
.a_1_0_3_3_0_father_container_item {  
    box-sizing: border-box; /* 确保padding和border不会增加元素的宽度 */  
}

.a_1_0_3_3_0_div{
    height:100%;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    
} 
.a_1_0_3_3_0_row{
    width:100%;
    height: calc(100% - 70px);
    overflow-y: auto;
}
.a_1_0_3_3_0_row::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_3_3_0_row::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_3_3_0_row::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_3_3_0_row::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  
.a_1_0_3_3_0_page{
width: 100%;
height:35px;
}
.a_1_0_3_3_0_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
.a_1_0_3_3_0_page div,button,button i,ul,ul li{
    background: none!important;
}
.a_1_0_3_4_0_container {  
    margin:10px;
    display: flex;  
    flex-direction: column; /* 垂直布局 */  
    align-items: center;    /* 水平居中 */  
    justify-content: center; /* 垂直居中（但在这里用于子元素的垂直排列） */  
    position: relative;  
    width: 150px;  
    height: 150px;  
    border: 1px solid #393838; /* 可选，用于查看容器边界 */  
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}  
  
.a_1_0_3_4_0_image_wrapper {  
    margin-top: 20px;
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中图片 */  
    align-items: center;     /* 垂直居中图片（虽然这里可能不需要，因为图片有固定尺寸） */  
}  
  
.a_1_0_3_4_0_image_wrapper img {  
    width: 100px;  
    height: 100px;  
    -webkit-user-drag: none; /* Safari */  
    /* user-drag: none; */
    
}  
  
.a_1_0_3_4_0_span_wrapper {  
    width: 100%;  
    display: flex;  
    justify-content: center; /* 水平居中 span */  
}  
  
.a_1_0_3_4_0_span_wrapper span {  
    /* 可以根据需要添加样式 */  
    color: rgba(231, 231, 231, 0.6);
    font-size: 13px;
}

.a_1_0_3_4_0_father_container {  
    display: flex;  
    flex-wrap: wrap; /* 允许子元素换行 */  
    gap: 10; /* 如果你想在元素之间有间距，可以调整这个值 */  
    width: 100%;
    height:100%;
    justify-content: space-between; /* 或者 space-around, 根据需要调整 */
}  
 
.a_1_0_3_4_0_father_container_item {  
    box-sizing: border-box; /* 确保padding和border不会增加元素的宽度 */  
}

.a_1_0_3_4_0_div{
    height:100%;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    
} 
.a_1_0_3_4_0_row{
    width:100%;
    height: calc(100% - 70px);
    overflow-y: auto;
}
.a_1_0_3_4_0_row::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_3_4_0_row::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_3_4_0_row::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_3_4_0_row::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  
.a_1_0_3_4_0_page{
width: 100%;
height:35px;
}
.a_1_0_3_4_0_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
.a_1_0_3_4_0_page div,button,button i,ul,ul li{
    background: none!important;
}










.a_1_0_3_4_0_tabledialog .cell{
    color:#606266;
}

.a_1_0_3_4_0_tabledialog .cell button{
    width:70px!important;
    height:28px;
    margin:5px;
}

.avatar-uploader div{
    
    border: 1px solid #409EFF;
    font-size:100px;
}

.a_1_0_3_4_0_container .a_1_0_3_4_0_span_wrapper div .a_1_0_3_0_0{
    width:20px;
}
.a_1_0_3_0_0{
  display: flex;
  align-items: center;
  padding: 5px 7px;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  position: relative;
  width:30px;
  height:30px;
}


.a_1_0_3_0_0_add{
    position: absolute;
    bottom:3;
    right: 3;
    border-radius: 3px;
    font-size: 11px;
    /* background-color: #212121; */
}
.a_1_0_3_0_0_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 1000;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_3_0_0_sub_menu_item {
    white-space: nowrap;border-radius: 4px;
}

  
  .a_1_0_4_1_1_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
  /* 第一级父节点，指定宽度和高度 */
  
  .a_1_0_4_1_1_parent1 {  
    width: 100%;  
    
    box-sizing: border-box;
    background-color: #212121; 
    height: 100%;   
    position: relative; /* 用于子节点的绝对定位 */  
  }  
    /* 第一级父节点，指定宽度和高度 */  
    .a_1_0_4_1_1_parent {  
      box-sizing: border-box;
      width: 100%;  
      height: calc(100% - 75px); 
      overflow: auto; /* 当内容超出时显示滚动条 */  
      position: relative; /* 用于子节点的绝对定位 */  
      background-color:  #212121; 
    scrollbar-color: rgba(49,48,48,1) transparent;
    }

    .a_1_0_4_1_1_parent3{
      background-color:  #212121; 
      background-image:  
        /* 创建白色圆点 */  
        radial-gradient(circle at 50% 50%, rgba(231, 231, 231, 0.4) 1px, transparent 0px),  
        /* 创建水平间隔 */  
        linear-gradient(to right, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%),  
        /* 创建垂直间隔 */  
        linear-gradient(to bottom, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%);  
      background-size:  
        /* 圆点大小 */  
        10px 10px,  
        /* 水平间隔 */  
        20px 100%,  
        /* 垂直间隔 */  
        100% 20px;  
      background-position:  
        /* 圆点位置 */  
        0 0,  
        /* 水平间隔位置 */  
        0 0,  
        /* 垂直间隔位置 */  
        0 0;  
      background-repeat: repeat, repeat-x, repeat-y;  
      position: absolute;
    }
  /* .a_1_0_4_1_1_parent::-webkit-scrollbar {  
    width: 15px; 
    height: 15px; 
  }  
  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-track {  
    background: transparent!important;  
  }  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-thumb {  
    background-color: gray;  
    border-radius: 10px;  
    border: 3px solid transparent;  
    background-clip: padding-box;  
  }  
  
  .a_1_0_4_1_1_parent:hover::-webkit-scrollbar-thumb {  
    background-color: #888;  
  }   */
  /* 子节点，可以超出父节点的尺寸，但超出部分会隐藏 */  
  .a_1_0_4_1_1_child {  
    overflow: auto;
    /* padding:20px; */
    position: relative; /* 为子节点的子节点的绝对定位提供上下文 */  
    width: 1920px; /* 宽度继承父节点 */  
    height: 1080px; /* 最小高度继承父节点，确保内容不会折叠 */  
    display: flex; /* 使用Flex布局 */  
    flex-direction: column; /* 子项垂直堆叠 */  
    
    background: white;
  } 
.a_1_0_4_1_11_div{
  display: fixed;
  width:100%;
  height:100%;
  }
.a_1_0_4_1_1_div_display_none{
  display:none!important
}
.a_1_0_4_1_11_diveee{
    position: fixed;
    width:100%;
    height:100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-rendering: optimizeLegibility;
    -webkit-user-drag: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    }
    
.a_1_0_4_1_1{
  outline: 2px solid #9f9898;
  
  display: block;
  width:100%;
  height: 100%;
}
.a_1_0_4_1_1_div_blue-border {  
  outline: 4px dotted blue; /* 蓝色虚线边框 */  
  z-index:9999999;
  position: relative;
  }  
    
.a_1_0_4_1_1_div_solid-border {  
  outline: 4px solid blue;/* 实线边框 */  
  z-index:9999999;
  position: relative;
}  
.a_1_0_4_1_1_hong_se_heng_xian{
  width:100%!important;
  height:5px!important;
  background:red!important;
}
.a_1_0_4_1_1_hong_se_shu_xian{
    width: 5px!important;
    height: 100%!important;
    background-color: red!important;
    display: inline-block!important;
}

.a_1_0_4_1_1_heng_top {  
  border-top: 8px solid red;  
}  

.a_1_0_4_1_1_heng_bottom {
  border-bottom: 8px solid red;  
}  

.a_1_0_4_1_1_shu_left {  
  border-left: 8px solid red;  
}  

.a_1_0_4_1_1_shu_right {  
  border-right: 8px solid red;  
}

.a_1_0_4_1_1_shu_page_info{
  width: 100%;
    font-size: 13px;
    height: 40px;
    display: flex;
    align-items: center;
    user-select: none;
}

.a_1_0_4_1_1_icon_class{
  display: flex;
  align-items: center;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}


  .a_1_0_4_1_1scrollbar::-webkit-scrollbar-thumb {  
    background-color: rgb(79, 78, 78); /* 滚动块（滑块）的颜色 */  
    border-radius: 6px; /* 滚动块的圆角 */  
  }  
  








  .a_1_0_4_1_1inputrange {
    margin-left:10px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    /* 覆盖默认外观，适用于 WebKit 浏览器 */
    -moz-appearance: none;
    /* 覆盖默认外观，适用于 Firefox 浏览器 */
    -ms-appearance: none;
    /* 覆盖默认外观，适用于 IE/Edge 浏览器 */

    outline: none;
    border: none;
    background-color: rgb(4, 57, 94);
    border-radius: 15px;
}


.a_1_0_4_1_1_sub_menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
}
.a_1_0_4_1_1_sub_menu_item {
  white-space: nowrap;border-radius: 4px;
}





.a_1_0_4_1_1button {
  background-color: #3c3c3c; /* Dark background */
  color:rgba(231, 231, 231, 0.6);
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  margin-left: 10px;
  display: grid;  
  place-items: center;    /* 水平和垂直居中 */  
  height: 25px;           /* 你可以根据需要调整高度 */  
  padding: 0 20px;        /* 可选：调整内边距 */  
  font-size: 14px; /* Font size */
  cursor: pointer; /* Change cursor to pointer on hover */
  outline: none; /* Remove focus outline */
  transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition for background and border colors */
}

.a_1_0_4_1_1button:hover {
  background-color: #569cd6; /* Highlighted background color on hover */
  color:rgba(231, 231, 231, 1);
  border-color: #569cd6; /* Border color on hover */
}

.a_1_0_4_1_1button:active {
  background-color: #4ec9b0; /* Active state background color */
  border-color: #4ec9b0; /* Active state border color */
}
.a_1_0_4_1_1inputtext {
  margin-left:10px;
  background-color: #2d2d2d; /* Dark background */
  color: #d4d4d4; /* Text color */
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  padding: 8px; /* Padding inside the input */
  font-size: 14px; /* Font size */
  height: 25px;
  width: 70px;
  outline: none; /* Remove focus outline */
  transition: border-color 0.2s ease; /* Smooth transition for border color */
}

.a_1_0_4_1_1inputtext:focus {
  border-color: #569cd6; /* Highlighted border color on focus */
}

.a_1_0_4_1_1inputtext::placeholder {
  color: #9d9d9d; /* Placeholder text color */
}










/* 拖拽进来的组件 样式 */
.a_1_0_4_1_1_class1{
   display:flex;
    align-items: center;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    padding-left: 4px;
    position: relative;
    padding-right: 4px;
    min-width: 90px;
    height:25px;
}
.a_1_0_4_1_1_class1:hover{
  z-index:33;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}
/* 被点击的组件 */
.a_1_0_4_1_1_click_out_button{
  z-index:11;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}
/* in组件 */
.a_1_0_4_1_1_click_in_button{
  z-index:22;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}

/* 被点击的连线或者hover的连线 */
.a_1_0_4_1_1_click_line svg path{
  stroke:#0096f2;
}
.a_1_0_4_1_1_click_line svg{
  z-index:22;
}
.a_1_0_4_1_1_line_hover:hover  svg path{
  stroke:#0096f2; 
}
.a_1_0_4_1_1_line_hover:hover  svg{
  z-index:33;
}
.a_1_0_4_1_1_line_color svg path{
  stroke:  #81bd94;
}


.a_1_0_4_1_1_class2{
  top:-12px;position: absolute;
  cursor: pointer;
}

.a_1_0_4_1_1_class2:hover circle{
  fill:#51d6a9; 

}
.a_1_0_4_1_1_class3:hover circle{
  fill:#51d6a9; 

}

.a_1_0_4_1_1_class3{
  top:24px;position: absolute;
  cursor: pointer;
}



.a_1_0_4_1_1_class4{
  left: -5px;
    top: -22;
    position: absolute;
}




.a_1_0_4_1_1_class5{
  
  left: 15px;
  top: -22;
  position: absolute;
}
.a_1_0_4_1_1_class6{
  background: rgb(49, 48, 48);
  user-select: none;
  display: inline-block;
  position: absolute;
}


.a_1_0_4_1_1_success1{
  .red-circle {  
    fill: red; /* 设置填充颜色为红色 */  
}  

.no-fill-circle {  
    fill: none; /* 不填充 */  
    stroke: red; /* 如果需要，可以设置边框颜色为红色 */  
    stroke-width: 2; /* 设置边框宽度 */  
}  

.red-text {  
    fill: red; /* 设置文本颜色为红色 */  
}  
}

.a_1_0_4_1_1_error1 circle{
  
  stroke:#51d6a9;
  fill:#51d6a9; 

}
.a_1_0_4_1_1_success1 circle{
  stroke:#51d6a9;
  fill:none; 
}

.a_1_0_4_1_1_success1 text{
  fill:#51d6a9;
}

.a_1_0_4_1_1_error1 circle{
  stroke:red;
  fill:none; 
}
.a_1_0_4_1_1_error1 text{
  fill:red;
}



.a_1_0_4_1_1_success2 circle{
  stroke:#51d6a9;
  fill:#51d6a9; 
}

.a_1_0_4_1_1_success2 text{
  fill:#51d6a9;
}

.a_1_0_4_1_1_error2 circle{
  stroke:#f6b247;
  fill:#f6b247;
}
.a_1_0_4_1_1_error2 text{
  fill:#f6b247;
}












.a_1_0_4_1_1_sub_menu {
  position: absolute;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
  width:100px;
}
.a_1_0_4_1_1_sub_menu_item {
  color:rgba(231, 231, 231, 0.6);
  white-space: nowrap;border-radius: 4px;

  -webkit-user-select: none;
  display: flex;
  justify-content: center; 
  align-items: center;   
  cursor: pointer;
}
.a_1_0_4_1_1_sub_menu_item:hover{    outline: 1px solid #0078d4;
  background-color: rgb(4, 57, 94);
  color:rgba(231, 231, 231, 0.6);
}





.a_1_0_4_1_1_b2{
  position:absolute;
}
.a_1_0_4_1_1_b2:hover circle {  
  fill: black;  
}

.a_1_0_4_3_1_title{
    margin-bottom: 2px;
    border-bottom-color: white;
    border-top-color: white;
    margin-top: 2px;
    height: 3%;
    width: 100%;
    background-color: #2b2b2b;
    color: white;
    display: grid;
    place-items: center;
}

.a_1_0_4_3_1_container {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left: 5px;
    border-bottom: 1px solid #2b2b2b;
    color: #bababa;
    padding-right:5px;
    height:25px;
}

.a_1_0_4_3_1_left {
    padding-right:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_4_3_1_center {
    flex: 1; /* Take up the remaining space */
    text-align: center; /* Center text horizontally */
}

.a_1_0_4_3_1_right {
    padding-left:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_4_4_1_title{
    margin-bottom: 2px;
    border-bottom-color: white;
    border-top-color: white;
    margin-top: 2px;
    height: 3%;
    width: 100%;
    background-color: #2b2b2b;
    color: white;
    display: grid;
    place-items: center;
}

.a_1_0_4_4_1_container {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left: 5px;
    border-bottom: 1px solid #2b2b2b;
    color: #bababa;
    padding-right:5px;
    height:25px;
}

.a_1_0_4_4_1_left {
    padding-right:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_4_4_1_center {
    flex: 1; /* Take up the remaining space */
    text-align: center; /* Center text horizontally */
}

.a_1_0_4_4_1_right {
    padding-left:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}






.a_1_0_4_4_1_menu_bar{
    
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 35px;
    
    box-sizing: border-box;
    font-size: 13px;
    
    border-bottom: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
}
.a_1_0_4_4_1_activity_bar {
    display: flex;
    background-color: #333333;
    position: fixed;
    border-bottom: 1px solid #2b2b2b;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
        }
        .a_1_0_4_4_1_activity_item {
            display: flex;
            align-items: center;
            padding: 5px 7px;
            color: rgba(231, 231, 231,0.6);height: 100%;
    
            box-sizing: border-box;
            border-bottom: 1px solid transparent;
            cursor: pointer;
            position: relative;
        }
        .a_1_0_4_4_1_activity_item:hover {color: rgba(231, 231, 231, 1);
        }
        .a_1_0_4_4_1_activity_item.a_1_0_4_4_1_active {
    color: rgb(231, 231, 231);
    border-bottom: 1px solid #e7e7e7;
        }
        
.a_1_0_4_4_1_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_4_4_1_sub_menu2 {
    position:absolute;
    top:25px;
    left: 50px;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    height:44.8px;
}
.a_1_0_4_4_1_menu_item:hover .a_1_0_4_4_1_sub_menu {
    display: block;
}
.a_1_0_4_4_1_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}

.a_1_0_4_4_1_base_select_div{
    position: absolute; /* 绝对定位 */
    right: 0; /* 紧靠右边 */
    top: 0; /* 紧靠顶部 */
    width: 0; /* 宽度为0 */
    height: 0; /* 高度为0 */
    
    }

    

.a_1_0_4_4_1_sub_menu {
    position: absolute;
    background-color: #212121;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 1000;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    width:100px;
  }
  .a_1_0_4_4_1_sub_menu_item {
    color:rgba(231, 231, 231, 0.6);
    white-space: nowrap;border-radius: 4px;
  
    -webkit-user-select: none;
    display: flex;
    justify-content: center; 
    align-items: center;   
    cursor: pointer;
  }
  .a_1_0_4_4_1_sub_menu_item:hover{    outline: 1px solid #0078d4;
    background-color: rgb(4, 57, 94);
    color:rgba(231, 231, 231, 0.6);
  }
  

  
  .a_1_0_4_5_1_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
  /* 第一级父节点，指定宽度和高度 */
  
  .a_1_0_4_5_1_parent1 {  
    width: 100%;  
    
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #212121; 
    height: 100%;   
    position: relative; /* 用于子节点的绝对定位 */  
  }  
    /* 第一级父节点，指定宽度和高度 */  
    .a_1_0_4_5_1_parent {  
      box-sizing: border-box;
      width: 100%;  
      flex-grow:1;
      overflow: auto; /* 当内容超出时显示滚动条 */  
      position: relative; /* 用于子节点的绝对定位 */  
      background-color:  #212121; 
    scrollbar-color: rgba(49,48,48,1) transparent;
    }

    .a_1_0_4_5_1_parent3{
      display:flex;
      background-color:  #212121; 
      margin-top:20px;
      margin-left:20px;
      background-image:  
        /* 创建白色圆点 */  
        radial-gradient(circle at 50% 50%, rgba(231, 231, 231, 0.4) 1px, transparent 0px),  
        /* 创建水平间隔 */  
        linear-gradient(to right, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%),  
        /* 创建垂直间隔 */  
        linear-gradient(to bottom, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%);  
      background-size:  
        /* 圆点大小 */  
        10px 10px,  
        /* 水平间隔 */  
        20px 100%,  
        /* 垂直间隔 */  
        100% 20px;  
      background-position:  
        /* 圆点位置 */  
        0 0,  
        /* 水平间隔位置 */  
        0 0,  
        /* 垂直间隔位置 */  
        0 0;  
      background-repeat: repeat, repeat-x, repeat-y;  
      position: absolute;

    overflow: auto; /* 内容溢出时显示滚动条 */
    }
  /* .a_1_0_4_5_1_parent::-webkit-scrollbar {  
    width: 15px; 
    height: 15px; 
  }  
  
  
  .a_1_0_4_5_1_parent::-webkit-scrollbar-track {  
    background: transparent!important;  
  }  
  
  .a_1_0_4_5_1_parent::-webkit-scrollbar-thumb {  
    background-color: gray;  
    border-radius: 10px;  
    border: 3px solid transparent;  
    background-clip: padding-box;  
  }  
  
  .a_1_0_4_5_1_parent:hover::-webkit-scrollbar-thumb {  
    background-color: #888;  
  }   */
  /* 子节点，可以超出父节点的尺寸，但超出部分会隐藏 */  
  .a_1_0_4_5_1_child {  
    overflow: auto;
    /* padding:20px; */
    position: relative; /* 为子节点的子节点的绝对定位提供上下文 */  
    width: 1920px; /* 宽度继承父节点 */  
    height: 1080px; /* 最小高度继承父节点，确保内容不会折叠 */  
    display: flex; /* 使用Flex布局 */  
    flex-direction: column; /* 子项垂直堆叠 */  
    
    background: white;
  } 
.a_1_0_4_5_11_div{
  display: fixed;
  width:100%;
  height:100%;
  }
.a_1_0_4_5_1_div_display_none{
  display:none!important
}
.a_1_0_4_5_11_diveee{
    position: fixed;
    width:100%;
    height:100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-rendering: optimizeLegibility;
    -webkit-user-drag: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    }
    
.a_1_0_4_5_1{
  outline: 2px solid #9f9898;
  
  display: block;
  width:100%;
  height: 100%;
}
.a_1_0_4_5_1_div_blue-border {  
  outline: 4px dotted blue; /* 蓝色虚线边框 */  
  z-index:9999999;
  position: relative;
  }  
    
.a_1_0_4_5_1_div_solid-border {  
  outline: 4px solid blue;/* 实线边框 */  
  z-index:9999999;
  position: relative;
}  
.a_1_0_4_5_1_hong_se_heng_xian{
  width:100%!important;
  height:5px!important;
  background:red!important;
}
.a_1_0_4_5_1_hong_se_shu_xian{
    width: 5px!important;
    height: 100%!important;
    background-color: red!important;
    display: inline-block!important;
}

.a_1_0_4_5_1_heng_top {  
  border-top: 8px solid red;  
}  

.a_1_0_4_5_1_heng_bottom {
  border-bottom: 8px solid red;  
}  

.a_1_0_4_5_1_shu_left {  
  border-left: 8px solid red;  
}  

.a_1_0_4_5_1_shu_right {  
  border-right: 8px solid red;  
}

.a_1_0_4_5_1_shu_page_info{
  width: 100%;
    font-size: 13px;
    height: 40px;
    display: flex;
    align-items: center;
    user-select: none;
}

.a_1_0_4_5_1_icon_class{
  display: flex;
  align-items: center;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}


  .a_1_0_4_5_1scrollbar::-webkit-scrollbar-thumb {  
    background-color: rgb(79, 78, 78); /* 滚动块（滑块）的颜色 */  
    border-radius: 6px; /* 滚动块的圆角 */  
  }  
  








  .a_1_0_4_5_1inputrange {
    margin-left:10px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    /* 覆盖默认外观，适用于 WebKit 浏览器 */
    -moz-appearance: none;
    /* 覆盖默认外观，适用于 Firefox 浏览器 */
    -ms-appearance: none;
    /* 覆盖默认外观，适用于 IE/Edge 浏览器 */

    outline: none;
    border: none;
    background-color: rgb(4, 57, 94);
    border-radius: 15px;
}


.a_1_0_4_5_1_sub_menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
}
.a_1_0_4_5_1_sub_menu_item {
  white-space: nowrap;border-radius: 4px;
}





.a_1_0_4_5_1button {
  background-color: #3c3c3c; /* Dark background */
  color:rgba(231, 231, 231, 0.6);
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  margin-left: 10px;
  display: grid;  
  place-items: center;    /* 水平和垂直居中 */  
  height: 25px;           /* 你可以根据需要调整高度 */  
  padding: 0 20px;        /* 可选：调整内边距 */  
  font-size: 14px; /* Font size */
  cursor: pointer; /* Change cursor to pointer on hover */
  outline: none; /* Remove focus outline */
  transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition for background and border colors */
}

.a_1_0_4_5_1button:hover {
  background-color: #569cd6; /* Highlighted background color on hover */
  color:rgba(231, 231, 231, 1);
  border-color: #569cd6; /* Border color on hover */
}

.a_1_0_4_5_1button:active {
  background-color: #4ec9b0; /* Active state background color */
  border-color: #4ec9b0; /* Active state border color */
}
.a_1_0_4_5_1inputtext {
  margin-left:10px;
  background-color: #2d2d2d; /* Dark background */
  color: #d4d4d4; /* Text color */
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  padding: 8px; /* Padding inside the input */
  font-size: 14px; /* Font size */
  height: 25px;
  width: 70px;
  outline: none; /* Remove focus outline */
  transition: border-color 0.2s ease; /* Smooth transition for border color */
}

.a_1_0_4_5_1inputtext:focus {
  border-color: #569cd6; /* Highlighted border color on focus */
}

.a_1_0_4_5_1inputtext::placeholder {
  color: #9d9d9d; /* Placeholder text color */
}





/* dddddddddddddddddddddddd */
.a_1_0_4_5_1_move_outline{
  border: 5px dashed blue!important;
  z-index:9999;
}

.a_1_0_4_5_1_click_outline{
  border: 5px solid blue!important;
  z-index:9999;
}

.a_1_0_4_6_1_title{
    margin-bottom: 2px;
    border-bottom-color: white;
    border-top-color: white;
    margin-top: 2px;
    height: 3%;
    width: 100%;
    background-color: #2b2b2b;
    color: white;
    display: grid;
    place-items: center;
}
.a_1_0_4_6_1_base{
    width:100%;
}
.a_1_0_4_6_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display: flex;
    
    align-items: center;
    user-select: none; 
    width: calc(100% - 1px);
    margin: 0.5px;
}

.a_1_0_4_6_1_hid_line{
    white-space: nowrap; /* 禁止文本换行 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 用省略号表示溢出内容 */
  }

  .a_1_0_4_6_1_lines{
    width:100%;
    font-size:13px;
    height:22px;
    display: flex;
    
    align-items: center;
    user-select: none; 
    width: calc(100% - 1px);
    margin: 0.5px;
}
.a_1_0_4_6_1_hid_line{
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 用省略号表示溢出内容 */
}
.a_1_0_4_6_1_lines_onclick{
  outline: 1px solid #0078d4;
  background-color:rgb(4, 57, 94);
}
.a_1_0_4_6_1_lines:hover{
    background-color: #2a2d2e;;
}
.a_1_0_4_6_1_lines_onclick:hover{
  background-color:rgb(4, 57, 94);
}
.a_1_0_4_6_1_base{
    width:100%;
    
    padding-top: 1px;
    padding-right: 1px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}  /* 针对WebKit核心的浏览器（如Chrome和Safari） */  
.a_1_0_4_6_1_base::-webkit-scrollbar {  
  width: 12px; /* 滚动条的宽度 */  
}  

.a_1_0_4_6_1_base::-webkit-scrollbar-track {  
  background: transparent; /* 滚动条轨道的背景色 */  
}  

.a_1_0_4_6_1_base::-webkit-scrollbar-thumb {  
  background-color: rgb(49, 48, 48); /* 滚动块（滑块）的颜色 */  
  border-radius: 6px; /* 滚动块的圆角 */  
}  

.a_1_0_4_6_1_base::-webkit-scrollbar-thumb:hover {  
  background-color: #555; /* 滚动块悬停时的颜色（可选） */  
}  

/* 内容区域，为了演示滚动效果 */  
.content {  
  height: 2000px;  
  padding: 20px;  
  box-sizing: border-box;  
}  
.icon.iconfont {  
  display: flex;
  align-items: center;
  justify-content: center;
}
.a_1_0_4_6_1_container {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left: 5px;
    border-bottom: 1px solid #2b2b2b;
    color: #bababa;
    padding-right:5px;
    height:25px;
}

.a_1_0_4_6_1_container2 {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left: 5px;
    border-bottom: 1px solid #2b2b2b;
    color: #bababa;
    padding-right:5px;
    position: relative;
}
.a_1_0_4_6_1_left {
    padding-right:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}

.a_1_0_4_6_1_center {
    flex: 1; /* Take up the remaining space */
    text-align: center; /* Center text horizontally */
}

.a_1_0_4_6_1_right {
    padding-left:5px;
    flex: 0 0 auto; /* Prevent it from growing */
}
.a_1_0_4_6_1_button_class{
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  height: 22px;
  flex-grow: 1;
  min-width: 64px;
  padding: 0 16px;
  color: var(--color3-main_color) !important;
  background: var(--color4-main_color) !important;
  align-items: center;
  border-radius: 4px;
  display: inline-flex
;
  flex: 0 0 auto;
  font-weight: 500;
  letter-spacing: .0892857143em;
  justify-content: center;
  
  outline: 0;
  position: relative;
  text-decoration: none;
  text-indent: .0892857143em;
  text-transform: uppercase;
  transition-duration: .28s;
  transition-property: box-shadow, transform, opacity;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  
  flex-grow: 1;
}





.a_1_0_4_6_1_menu_bar{
    
    display: flex;
    align-items: center;
    background-color: #212121;
    padding: 0 10px;height: 35px;
    
    box-sizing: border-box;
    font-size: 13px;
    
    border-bottom: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
}
.a_1_0_4_6_1_activity_bar {
    display: flex;
    background-color: #333333;
    position: fixed;
    border-bottom: 1px solid #2b2b2b;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
        }
        .a_1_0_4_6_1_activity_item {
            display: flex;
            align-items: center;
            padding: 5px 7px;
            color: rgba(231, 231, 231,0.6);height: 100%;
    
            box-sizing: border-box;
            border-bottom: 1px solid transparent;
            cursor: pointer;
            position: relative;
        }
        .a_1_0_4_6_1_activity_item:hover {color: rgba(231, 231, 231, 1);
        }
        .a_1_0_4_6_1_activity_item.a_1_0_4_6_1_active {
    color: rgb(231, 231, 231);
    border-bottom: 1px solid #e7e7e7;
        }
        
.a_1_0_4_6_1_sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
}
.a_1_0_4_6_1_sub_menu2 {
    position:absolute;
    top:25px;
    left: 50px;
    background-color: #212121;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 150px;
    padding:5px;
    border: 1px solid #2b2b2b;
    height:44.8px;
}
.a_1_0_4_6_1_menu_item:hover .a_1_0_4_6_1_sub_menu {
    display: block;
}
.a_1_0_4_6_1_menu_item {
    padding: 5px 10px;
color:#cccccc;
    white-space: nowrap;border-radius: 4px;
}

.a_1_0_4_6_1_base_select_div{
    position: absolute; /* 绝对定位 */
    right: 0; /* 紧靠右边 */
    top: 0; /* 紧靠顶部 */
    width: 0; /* 宽度为0 */
    height: 0; /* 高度为0 */
    
    }

    

.a_1_0_4_6_1_sub_menu {
    position: absolute;
    background-color: #212121;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 1000;
    padding:5px;
    border: 1px solid #2b2b2b;
    border-radius: 8px;
    width:100px;
  }
  .a_1_0_4_6_1_sub_menu_item {
    color:rgba(231, 231, 231, 0.6);
    white-space: nowrap;border-radius: 4px;
  
    -webkit-user-select: none;
    display: flex;
    justify-content: center; 
    align-items: center;   
    cursor: pointer;
  }
  .a_1_0_4_6_1_sub_menu_item:hover{    outline: 1px solid #0078d4;
    background-color: rgb(4, 57, 94);
    color:rgba(231, 231, 231, 0.6);
  }
  


  .a_1_0_4_6_1_input_css{
    font-family: 'Fira Code', monospace;
    color: #a9a9a9;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
  }

  .a_1_0_4_6_1_box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  
  .a_1_0_4_6_1_color-select {
    position: relative;
    display: inline-block;
  }
  .a_1_0_4_6_1_color-select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 200px;
    overflow-y: auto;
  }
  .a_1_0_4_6_1_color-select-dropdown.a_1_0_4_6_1_active {
    display: block;
  }
  .a_1_0_4_6_1_color-select-option {
    padding: 10px;
    cursor: pointer;
  }
  .a_1_0_4_6_1_color-select-option:hover {
    background-color: #f0f0f0;
  }
  .a_1_0_4_6_1_color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .a_1_0_4_6_1_selected-color-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
  }

  /* 不允许编辑的蒙版 */
  .a_1_0_4_6_1_no_edit_show_1{
    position: absolute;
    height: 100%;
    display: flex;
    width: 100%;
    opacity: 1;
    transition: all .3s;
    backdrop-filter: blur(1px) !important;
    align-items: center;
    justify-content: center;
    background: rgba(4, 57, 94,0.1);
  }

  
  .a_1_0_4_6_1_editor-container {
    width: 80%;
    margin: 20px auto;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.a_1_0_4_6_1_editor {color: #bababa;
    width: 100%!important;
    height: 150px;
    padding: 10px;
    margin-bottom: 10px;
    border: none;
    outline: none;
    resize: none;
}
.a_1_0_4_6_1_buttons {
    display: flex;
    justify-content: space-between;
}
.a_1_0_4_6_1_button {
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: #f3f3f3;
}
.a_1_0_4_6_1_button.disabled {
    background-color: #e0e0e0;
    cursor: not-allowed;
}
.a_1_0_4_6_1_modified {
    border-color: blue !important;
}
.a_1_1_1_1_1  >.v-sheet.v-app-bar.v-toolbar:not(.v-sheet--outlined)  {
    box-shadow: 0 2px 10px -1px #55555514,0 1px 10px #5555550f,0 1px 30px #55555508;
}
.a_1_1_1_1_1_container{
  
  width: 100%;
  
  height: 100%;
  padding: 12px;
  margin-right: auto;
  margin-left: auto;
}
.a_1_1_1_1_1_head_class{
    display: flex;
  justify-content: space-between; /* 初始设置为space-between以利用空间分配 */
  width: 100%;
  height: 100%;
}
.a_1_1_1_1_1_head{
    display: flex;
    align-items: center;
    width: 50%;
    /* 确保子元素在一行内显示 */
    flex-wrap: nowrap;
    /* 使子元素在容器内右对齐 */
    justify-content: flex-end;
  
    /* 若想让子元素间保持等距，可设置以下属性（非必需） */
  
    /* gap: 20px; （根据需求调整间距） */
}
.a_1_1_1_1_1_left {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    margin-right: auto; /* 这个属性会将右侧的所有元素（包括子DOM2之前的潜在空间）推至右侧 */
  }
  
   

  div.a_1_1_1_1_1 >.v-navigation-drawer{
    height:100%!important;
  }
  div.a_1_1_1_1_1 >.v-main{
    height:100%!important;
    
    background: #e5eaef;
    background:rgb(229, 234, 239);
  }

  .a_1_1_1_1_1_edit_class1{
    outline: 5px orange; /* 设置轮廓宽度为2px，样式为虚线，颜色为橙黄色 */
    
  background-image: repeating-linear-gradient(
    to right,
    rgba(255, 165, 0, 0.5),
    rgba(255, 165, 0, 0.5) 4px,
    transparent 4px,
    transparent 50px
);
 
  }
  .a_1_1_1_1_1_move_edit_class{

    border: 5px dashed blue!important;  

  }
  .a_1_1_1_1_1_move_edit_class >header{
    border-top: 5px dashed blue!important;    /* 上边框 */
    border-right: 5px dashed blue!important;  /* 右边框 */
  } 
  .a_1_1_1_1_1_move_edit_class2 >header{
    border-left: 5px dashed blue!important;   /* 左边框 */
  }
  .a_1_1_1_1_1_move_edit_class >nav{
    border-top: 5px dashed blue!important;    /* 上边框 */
    border-left: 5px dashed blue!important;   /* 左边框 */
    border-bottom: 5px dashed blue!important;  /* 右边框 */
  } 






  
  .drawer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 250px;
    background-color: #fff;
    box-shadow: 2px 0 8px rgba(0,0,0,0.1);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1000; /* 确保抽屉位于其他内容之上 */
  }
  .drawer.open {
    transform: translateX(0);
  }
  .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999; /* 确保覆盖层位于内容之下，抽屉之上 */
    display: none; /* 初始隐藏 */
  }
  .drawer-open .drawer-overlay {
    display: block; /* 在抽屉打开时显示覆盖层 */
  }
  .drawer-content {
    padding: 16px;
    box-sizing: border-box;
  }
  .drawer-item {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
  }
  .drawer-item:hover {
    background-color: #eee;
  }
  .drawer-item-icon {
    margin-right: 16px;
  }

.a_1_1_1_2_1{
    
  display: flex;
    width:100%;
    height:100%;
}
.a_1_1_1_2_1_edit_class1.a_1_1_1_2_1_direction_left{
  background-image: repeating-linear-gradient(
      to right,
      rgba(255, 165, 0, 0.5),
      rgba(255, 165, 0, 0.5) 4px,
      transparent 4px,
      transparent 50px
  );
} 

.a_1_1_1_2_1_edit_class1.a_1_1_1_2_1_direction_right{
  background-image: repeating-linear-gradient(
      to right,
      rgba(255, 165, 0, 0.5),
      rgba(255, 165, 0, 0.5) 4px,
      transparent 4px,
      transparent 50px
  );
} 

.a_1_1_1_2_1_edit_class1.a_1_1_1_2_1_direction_top{
background-image: repeating-linear-gradient(to bottom, rgba(255, 165, 0, 0.5), rgba(255, 165, 0, 0.5) 4px, transparent 4px, transparent 50px);

} 

.a_1_1_1_2_1_edit_class1.a_1_1_1_2_1_direction_bottom{
background-image: repeating-linear-gradient(to bottom, rgba(255, 165, 0, 0.5), rgba(255, 165, 0, 0.5) 4px, transparent 4px, transparent 50px);

} 
/* 内容对齐方式 */
    /* 内容左对齐 */
.a_1_1_1_2_1_direction_left{
flex-direction: row;
}
  /* 内容右对齐 */
.a_1_1_1_2_1_direction_right{

flex-direction: row-reverse;
}
  /* 内容上对齐 */
.a_1_1_1_2_1_direction_top{
flex-direction:column;
}
  /* 内容下对齐 */
.a_1_1_1_2_1_direction_bottom{
flex-direction:column-reverse;
}
/* 内容属性 */

  /* 拉伸 */
.a_1_1_1_2_1_align_stretch{

align-items:stretch;
}

.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_left.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_left.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_left.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_left >*{
height:auto;
}
.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_right.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_right.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_right.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_right >*{
height:auto;
}


.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_top.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_top.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_top.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_top >*{
width:auto;
}
.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_bottom.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_bottom.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_bottom.a_1_1_1_2_1_align_stretch.a_1_1_1_2_1_direction_bottom >*{
width:auto;
}
.a_1_1_1_2_1_edit_class1{border: 5px dotted #b2b2b2;}
  /* 顶部 */
.a_1_1_1_2_1_align_start{
align-items: flex-start;

}
  /* 底部 */
.a_1_1_1_2_1_align_end{
align-items: flex-end;
}
  /* 居中 */
.a_1_1_1_2_1_align_center{
align-items: center;

}
/* 整体排列方式 */
/* start【顶部】 */
.a_1_1_1_2_1_justify_start{
justify-content: flex-start;
}
  /* end【底部】 */
.a_1_1_1_2_1_justify_end{

justify-content: flex-end;
}
/* center【居中】 */
.a_1_1_1_2_1_justify_center{
justify-content: center;
}
/* space-evenly【平均】 */
.a_1_1_1_2_1_justify_space-evenly{
justify-content: space-evenly;

}
/* space-around【靠边平均】 */
.a_1_1_1_2_1_justify_space-around{
justify-content: space-around;
}
/* space-between【贴边平均】 */
.a_1_1_1_2_1_justify_space-between{
justify-content: space-between;

}
/* 是否换行 */

/* 不换行 */
.a_1_1_1_2_1_warp_false{
flex-wrap:nowrap;

}

/* 换行 */
.a_1_1_1_2_1_warp_true{    
flex-wrap: wrap;
}


/* 换行 */
.a_1_1_1_2_1_relative_static{    
position: static;
}

/* 换行 */
.a_1_1_1_2_1_relative_relative{    
position: relative;
}


.row.a_1_1_1_3_1{
  flex: none;
  margin: 0px;
}

.row.a_1_1_1_3_1_edit{
  background-color: #212121;
  background-image: /* 创建白色圆点 */ radial-gradient(circle at 50% 50%, rgba(231, 231, 231, 0.4) 1px, transparent 0px), /* 创建水平间隔 */ linear-gradient(to right, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%), /* 创建垂直间隔 */ linear-gradient(to bottom, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%);
  background-size: /* 圆点大小 */ 10px 10px, /* 水平间隔 */ 20px 100%, /* 垂直间隔 */ 100% 20px;
  background-position: /* 圆点位置 */ 0 0, /* 水平间隔位置 */ 0 0, /* 垂直间隔位置 */ 0 0;
  background-repeat: repeat, repeat-x;
  padding-bottom:300px;border: 5px dotted #b2b2b2;
}

.a_1_1_1_4_1_edit{
    border: 5px dotted #b2b2b2;
    }

.a_1_1_1_6_1_edit{
border: 5px dotted #b2b2b2;
}
/* body, html, #app {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
} */
.a_1_1_1_7_1_table{
    table-layout: fixed; /* 固定表格布局 */
}
.table-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.table-area {
    flex: 1;
    overflow: auto;
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f2f2f2;
}
.a_1_1_1_7_1_pagination {
    color:black;
    display: flex;
    justify-content: center;
    padding: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}
.a_1_1_1_7_1_pagination button {
    margin: 0 5px;
    padding: 5px 10px;
}


/*  */
.a_1_1_1_7_1_table {
    flex: 1;
    background-color: white;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .a_1_1_1_7_1_row {
    display: flex; /* 水平方向上的flex容器 */
    width: 100%;
  }

  .a_1_1_1_7_1_cell, .a_1_1_1_7_1_header {
    box-sizing: border-box; /* 包括内边距和边框在内的宽度计算 */
    text-align: left; /* 文本对齐方式 */
    border: 1px solid #ddd;
  }

  .a_1_1_1_7_1_header {
    background-color: #f2f2f2; /* 表头背景色 */
    font-weight: bold; /* 表头字体加粗 */
    
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .a_1_1_1_7_1_hid{
    overflow: hidden;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
  }
.a_1_1_2_1_1_border{border: thin solid;
    border-color: rgba(0, 0, 0, .12);
}

.a_1_1_2_1_1_shadow{
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));

}

.a_1_1_2_3_1_p{
    
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    letter-spacing: .0892857143em;
    justify-content: center;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}



.a_1_3_1_1_1_sub_menu {
  position: absolute;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
  width:100px;
}
.a_1_3_1_1_1_sub_menu_item {
  color:rgba(231, 231, 231, 0.6);
  white-space: nowrap;border-radius: 4px;

  -webkit-user-select: none;
  display: flex;
  justify-content: center; 
  align-items: center;   
  cursor: pointer;
}
.a_1_3_1_1_1_sub_menu_item:hover{    outline: 1px solid #0078d4;
  background-color: rgb(4, 57, 94);
  color:rgba(231, 231, 231, 0.6);
}

.a_1_3_1_2_1_b2{
  position:absolute;
}
.a_1_3_1_2_1_b2:hover circle {  
  fill: black;  
}
/* body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background-color: #f0f0f0;
} */

/* .styled-div {
  width: 200px;
  height: 400px; */
  /* background: linear-gradient(to right, 
  rgb(200, 224, 238) 0%,          
   rgb(153, 197, 233) 20%,      
  rgb(95, 145, 205) 40%,          
  rgb(110, 160, 220) 60%,         
  rgb(160, 200, 235) 80%,         
  rgb(200, 224, 238) 100%        
); */
  /* position: absolute;
      outline: 1px solid rgb(0 173 255);
    border-radius: 50% / 50px; 
  overflow: hidden;
} */

/* .clipped-element {
position: relative;
width: 200px;
height: 100px;
background-color: lightblue; 
} */

/* .clipped-element::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: inherit; 
clip-path: ellipse(50% 100% at 50% 50%); 
border: 2px solid red; 
z-index: -1; 
} */
